a {
  color: #fff;
}
.container {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.container .form-group {
  height: 4rem;
  line-height: 4rem;
  margin-bottom: 20px;
}
.container .form-group:nth-child(1) {
    height: 8rem;
    line-height: 8rem;
}
.container .form-group input {
    width: 100%;
    background-color: #202020;
    text-align: center;
    font-size: 2.5rem;
}
.container .form-group .pic {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}
.container .form-group .pic img {
    width: 100%;
}
.container .form-group a {
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    /* border: 1px solid #ccc; */
}
.container .form-group a.signOut {
  background-color: #d9534f;
}
.container .form-group a.changePassword {
  background-color: #286090;
}
.modal {
    top: 0;
}
.modal .modal-dialog {
    width: 80%;
}
.modal.in .modal-dialog {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.modal-title,
.modal .form-group {
  color: #333;
}
.modal .control-label {
  width: 30%;
  text-align: center;
}
.modal .form-control {
  display: inline-block;
  width: 68%;
}
.modal .form-group {
    height: 6rem;
}
.modal .form-group:nth-child(1) {
    height: 6rem;
    line-height: 2.5;
}
.modal .form-group input {
    background-color: transparent;
    text-align: left;
}